/* 抽奖系统样式表 */
*{
    padding: 0;
    margin: 0;
}
ul,li{
    list-style: none;
}
html{
    height: 100%;
    overflow: hidden;
}
body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    /* overflow: hidden; */
}
#now-time{
    position: fixed;
    top: 0;
    right: 0;
    background: #55565b;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    padding: 5px 20px;
}
#count-time{
    width: 100%;
    padding: 10px 0;
    /* height: 3.2rem; */
    /* background: #55565b; */
    position: relative;
    /* line-height: 3.2rem; */
}
.body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
}
#cen-box{
    width: 100%;
    height: 62%;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    background: url(../images/2019.03.08/pc-chj/背景.jpg) no-repeat center center;
    background-size: 120%;
}
#title-box{
    text-align: center;
}
#title-box img{
    width: 50%;
    height: auto;
}
.title1{
    width: 60%;
    margin: 0 auto;
    padding: 4px 8px;
    background: #ff0000;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
}
.title2{
    font-size: 1.1rem;
    font-weight: 600;
    padding: 10px 0 0 0;
}
.title1 span{
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff200;
}
#ewr-box{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    /* position: relative; */
    display: flex;
    flex-direction: row;
    /* justify-content: space-around; */
    justify-content: space-between;
    justify-items: center;
}
/* .ewr-right{
    position: absolute;
    right: 0;
    top: 0;
}
.ewr-left{
    position: absolute;
    left: 0;
    top: 0;
} */
.ewr-left{
    margin-left: 4%;
} 
.ewr-right{
    margin-right: 4%;
} 
#ewr-box img{
    width: auto;
    height: 52%;
    margin-top: 4%;
}
/* #ewr-box img {
    width: 46%;
    height: 70%;
} */
.top-title{
    width: 100%;
    height: 30%;
}
.top-title img{
    width: 100%;
    /* height: auto; */
    height: 100%;
    display: block;
    text-align: center;
}
.cen-right1 h3,.cen-right h3{
    width: auto;
    height: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
}
.cen-right1 h3 strong,.cen-right h3 strong{
    color: red;
}
#bottom-shou{
    /* display: none; */
    /* width: 80%; */
    height: 42%;
    width: auto;
    position: fixed;
    left: 40%;
    bottom: 6%;
    z-index: 10;
}
.center-pic{
    position: relative;
    width: 100%;
    padding: 0.5rem 0;
    background: url(../images/2019.03.08/pc-chj/背景.jpg) no-repeat 0 0;
    background-size: 100%;
}


#d_time{
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}

.bottom-time{
    position: relative;
    height: 8%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: #05060d;
    z-index: 2;
    overflow: hidden;
    z-index: 20;
}
.bottom-time div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    padding: 1rem 0;
    font-size: 0.8rem;
    color: #fff;
}
.bottom-time h3{
    padding: 0.3rem 0;
}
.bottom-time p{
    text-align: center;
}


/* 未开始时间倒计时 */
#ustart-time{
    display: none;
    width: auto;
    height: 100%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    /* top: 0.8rem; */
    /* left: 30%; */
}
#ustart-time strong{
    color: red;
}
.hd-over{
    display: none;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
}

